<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/zepto_1.1.3.js"></script>
		<script type="text/javascript" src="js/blueimp-md5.min.js" ></script>
		<script type="text/javascript" src="js/underscore-min.js" ></script>
		<script type="text/javascript" src="js/vue.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/common.css" />
	</head>

	<body>
		<div id="root" v-cloak>
			<div class="mui-content">
				<section v-show="sectionName == '补给'">
					<table border="1" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<th colspan="2">昨天</th>
						</tr>
						<tr>
							<th>NPC名</th>
							<th width="120">坐标</th>
						</tr>
						<tr v-if="prevSupplyInfo.length == 0">
							<td colspan="2" class="td-info">第一次使用，没有前一天数据</td>
						</tr>
						<tr v-if="prevSupplyInfo.length > 0" v-for="obj in prevSupplyInfo">
							<td class="td-key">{{obj.npcName}}</td>
							<td class="colored-2">{{obj.code}}</td>
						</tr>
					</table>
					<table border="1" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<th colspan="2">今天</th>
						</tr>
						<tr>
							<th>NPC名</th>
							<th width="120">坐标</th>
						</tr>
						<tr v-if="todayLinksData.length == 0">
							<td class="td-info" colspan="2">正在获取数据...</td>
						</tr>
						<tr v-if="todayLinksData.length > 0" v-for="obj in todayLinksData">
							<td class="td-key">{{obj.npcName}}</td>
							<td class="colored-2">{{obj.code}}</td>
						</tr>
					</table>
					<div class="info">
						<span class="colored">注：</span> 数据同步于A社。会在北京时间（UTC+8）16:00更新。当天应使用前一天的数据。
					</div>
					<div class="info">
						Please note that while the vendor locations change every day at 16:00 UTC+8, the vendors' offered recipes change every day at 08:00 UTC+8.
					</div>
					<div class="info">
						<span class="colored">使用方式：</span> 将坐标代码复制到聊天框并发送，比如复制<span class="colored">[&amp;BKsHAAA=]</span>，包括中括号，即可获得对应的传送点。	
					</div>
					<div class="info">
						作者：digimonx@qq.com，博客：wolfx.cn
					</div>
					<div class="info">
						更新：1.4.0
					</div>
				</section>
				<section v-show="sectionName == '计时'">
					<table border="1" cellspacing="0" cellpadding="0" width="100%">
						<tr>
							<th>地名</th>
							<th>名字</th>
							<th>上次刷新</th>
							<th>下次刷新(升序)</th>
							<th>Lv.</th>
						</tr>
						<tr v-for="obj in bossTimeList">
							<td>{{obj.waypoint.name}}</td>
							<td>{{obj.c_name}}</td>
							<td>{{obj.timeObj.prevTime}}</td>
							<td class="colored-2">{{obj.timeObj.nextTime}}</td>
							<td>{{obj.level}}</td>
						</tr>
					</table>
				</section>
				<!--<section v-show="sectionName == '软件更新'" style="text-align: center;">
					<div style="margin-top: 20px;">当前版本：{{wgtVer}}</div>
					<div>架构版本：{{innerVersion}}</div>
					<div style="margin-top: 20px;">最新版本：{{latestWgtVer}}</div>
					<div class="btn-upgrade" @tap="doUpgrade">更新</div>
				</section>-->
			</div>
			<footer>
				<div @tap="changeSection('补给')" v-bind:class="{active:sectionName == '补给'}">契约补给</div>
				<div @tap="changeSection('计时')" v-bind:class="{active:sectionName == '计时'}">BOSS计时</div>
				<!--<div @tap="changeSection('软件更新')" v-bind:class="{active:sectionName == '软件更新'}">软件更新</div>-->
			</footer>
		</div>
		<script type="text/javascript" src="src/encode.js"></script>
		<script type="text/javascript" src="src/plus.upgrade.js" ></script>
		<script type="text/javascript" src="src/minxin.supplyData.js" ></script>
		<script type="text/javascript" src="src/minxin.bossTimeData.js" ></script>
		<script type="text/javascript" src="src/mixin.update.js" ></script>
		<script type="text/javascript" src="src/index.js"></script>
	</body>

</html>